import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserInfoStore } from '../stores/userInfo'

// 配置新建一个 axios 实例
const service = axios.create({
  // 请求前缀,在vite脚手架中，获取env中的环境变量，import.meta.env.xxx
  baseURL: import.meta.env.VITE_API_URL, // /app-dev
  timeout: 50000,
})

// 添加请求拦截器
service.interceptors.request.use((config) => {
  const userInfoStore = useUserInfoStore()
  // 在请求头添加token参数
  if (userInfoStore.token) {
    ;(config.headers as any).token = userInfoStore.token
  }
  return config
})
// console.log(config)
// 添加响应拦截器
service.interceptors.response.use(
  /* 约束一下response */
  async (response) => {
    // 对响应数据做点什么
    const res = response.data
    if (res.code !== 20000 && res.code !== 200) {
      /* 成功数据的code值为20000/200 */
      // 统一的错误提示
      ElMessage({
        message:
          (typeof res.data == 'string' && res.data) || res.message || 'Error',
        type: 'error',
        duration: 5 * 1000,
      })

      // `token` 过期或者账号已在别处登录
      // if (response.status === 401) {
      //   const storeUserInfo = useUserInfoStore(pinia)
      //   await storeUserInfo.reset()
      //   window.location.href = '/' // 去登录页
      //   ElMessageBox.alert('你已被登出，请重新登录', '提示', {})
      //     .then(() => {})
      //     .catch(() => {})
      // }
      return Promise.reject(res.message)
    } else {
      return res.data /* 返回成功响应数据中的data属性数据 */
    }
  },
  (error) => {
    // 对响应错误做点什么
    if (error.message.indexOf('timeout') != -1) {
      ElMessage.error('网络超时')
    } else if (error.message == 'Network Error') {
      ElMessage.error('网络连接错误')
    } else {
      if (error.response.data) ElMessage.error(error.response.statusText)
      else ElMessage.error('接口路径找不到')
    }
    return Promise.reject(error)
  }
)

export default service
